<!--created by Chuanpeng.zhu@dhc.com.cn-->
<ion-view view-title="嵌套Scroll滑动">
  <ion-content>
    <div class="padding">
      <p>在开发中我们发现了这样一个BUG，比如我将一个横向滚动的scroll放在一个纵向滚动的scroll中，
        手指落点在横向滚动条的范围里的时候，纵向滚动失效。</p>

      <p>Bad实例：</p>
      <ion-scroll direction="x" scrollbar-x="false" delegate-handle="scrollBad" class="width-100 white-space-nowrap">
        <img ng-src="./img/app_zcp.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_xf.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_gs.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_zjh.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_jf.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_llh.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_wh.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_zzq.png" class="width-100px inline-block" alt="首席架构师"/>
      </ion-scroll>

      为此我们建立一个修复滚动的一个服务
      <p>Good实例：</p>
      <ion-scroll direction="x" scrollbar-x="false" delegate-handle="scrollGood" class="white-space-nowrap">
        <img ng-src="./img/app_zcp.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_xf.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_gs.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_zjh.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_jf.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_llh.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_wh.png" class="width-100px inline-block" alt="首席架构师"/>
        <img ng-src="./img/app_zzq.png" class="width-100px inline-block" alt="首席架构师"/>
      </ion-scroll>
      修复关键代码如下：
      <code> FixScrollService.fixScroll('scrollGood');</code>
    </div>
  </ion-content>
</ion-view>
